<div><a id="start" href="a">a</a></div>

<iframe id="frameA" width="80" height="80" scrolling="auto" srcdoc="
  <body id='frameAbody'>
    <img width=120 height=200 src='resources/green.png'>
  </body>
"></iframe><br>

<iframe id="frameB" scrolling="auto" srcdoc="
  <body id='frameBbody'>
    <img width=120 height=200 src='resources/green.png'>
  </body>
"></iframe><br>

<a id="end" href="a">e</a>

<p>Iframes with no focusable content still scroll.</p>

<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="resources/snav-testharness.js"></script>
<script>
  /*
    The iframe can only be scrolled when being focused.
  */
  var resultMap = [
    ["Down", "frameA,frameAbody"],
    ["Down", "frameA,frameAbody"],
    ["Down", "frameA,frameAbody"],
    ["Down", "frameA,frameAbody"],
    ["Down", "frameA,frameAbody"],
    ["Down", "frameB,frameBbody"],
    ["Down", "frameB,frameBbody"],
    ["Down", "frameB,frameBbody"],
    ["Down", "end"],
    ["Up", "frameB,frameBbody"],
    ["Up", "frameB,frameBbody"],
    ["Up", "frameB,frameBbody"],
    ["Up", "frameA,frameAbody"],
    ["Up", "frameA,frameAbody"],
    ["Up", "frameA,frameAbody"],
    ["Up", "frameA,frameAbody"],
    ["Up", "frameA,frameAbody"],
    ["Up", "start"],
  ];
  // Start at a known place.
  document.getElementById("start").focus();
  snav.assertFocusMoves(resultMap);
</script>
